<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>六棵树中学</title>

    <link rel="stylesheet" href="../resource/lib/sui/css/sm.min.css">
    <link rel="stylesheet" href="../resource/lib/sui/css/sm-extend.min.css">
    <link rel="stylesheet" href="../resource/lib/app/common.css">
    <link rel="stylesheet" href="../resource/app/index/index.css">

    <script src="../resource/lib/require/require.min.js"></script>
    <script>
        require.config({
            urlArgs: 'v=20191129',
            baseUrl: '../resource',
            paths: {
                'jquery': 'lib/jquery/3.3.1/jquery.min',
                'sui': 'lib/sui/js/sm.min',
                'sui-extend': 'lib/sui/js/sm-extend.min'
            },
            map: {'*':{'css': '../resource/lib/require/css.min.js'}},
            shim: {
                'sui': {deps: ['jquery']},
                'sui-extend': {deps:['sui']}
            }
        });
    </script>
</head>
<body ontouchstart="">
<div id="app">
<div class="page-group">
<div class="page page-current">
    <header class="bar bar-nav main">
        <img src="https://s3.amazonaws.com/uifaces/faces/twitter/cybind/128.jpg" alt="" class="bar-nav-avatar">
        <span>姓名</span>
    </header>
    <div class="swiper-container cover" data-space-between='10'>
        <div class="swiper-wrapper">
            <div class="swiper-slide"><img src="https://gqianniu.alicdn.com/bao/uploaded/i4//tfscom/i1/TB1n3rZHFXXXXX9XFXXXXXXXXXX_!!0-item_pic.jpg_320x320q60.jpg" alt=""></div>
            <div class="swiper-slide"><img src="https://gqianniu.alicdn.com/bao/uploaded/i4//tfscom/i4/TB10rkPGVXXXXXGapXXXXXXXXXX_!!0-item_pic.jpg_320x320q60.jpg" alt=""></div>
            <div class="swiper-slide"><img src="https://gqianniu.alicdn.com/bao/uploaded/i4//tfscom/i1/TB1kQI3HpXXXXbSXFXXXXXXXXXX_!!0-item_pic.jpg_320x320q60.jpg" alt=""></div>
        </div>
    </div>
    <ul class="control">
        <li class="control-gird-item"><a href="./notice.html" class="control-item">
            <div class="control-item-icon"><img src="https://s3.amazonaws.com/uifaces/faces/twitter/thomasschrijer/128.jpg" alt=""></div>
            <div class="control-item-name"><span>校园通知</span></div>
        </a></li>
        <li class="control-gird-item"><a href="javascript:;" class="control-item">
            <div class="control-item-icon"><img src="https://s3.amazonaws.com/uifaces/faces/twitter/thomasschrijer/128.jpg" alt=""></div>
            <div class="control-item-name"><span>校园通知</span></div>
        </a></li>
        <li class="control-gird-item"><a href="javascript:;" class="control-item">
            <div class="control-item-icon"><img src="https://s3.amazonaws.com/uifaces/faces/twitter/thomasschrijer/128.jpg" alt=""></div>
            <div class="control-item-name"><span>校园通知</span></div>
        </a></li>
        <li class="control-gird-item"><a href="javascript:;" class="control-item">
            <div class="control-item-icon"><img src="https://s3.amazonaws.com/uifaces/faces/twitter/thomasschrijer/128.jpg" alt=""></div>
            <div class="control-item-name"><span>校园通知</span></div>
        </a></li>
        <li class="control-gird-item"><a href="javascript:;" class="control-item">
            <div class="control-item-icon"><img src="https://s3.amazonaws.com/uifaces/faces/twitter/thomasschrijer/128.jpg" alt=""></div>
            <div class="control-item-name"><span>校园通知</span></div>
        </a></li>
        <li class="control-gird-item"><a href="javascript:;" class="control-item">
            <div class="control-item-icon"><img src="https://s3.amazonaws.com/uifaces/faces/twitter/thomasschrijer/128.jpg" alt=""></div>
            <div class="control-item-name"><span>校园通知</span></div>
        </a></li>
        <li class="control-gird-item"><a href="javascript:;" class="control-item">
            <div class="control-item-icon"><img src="https://s3.amazonaws.com/uifaces/faces/twitter/thomasschrijer/128.jpg" alt=""></div>
            <div class="control-item-name"><span>校园通知</span></div>
        </a></li>
        <li class="control-gird-item"><a href="javascript:;" class="control-item">
            <div class="control-item-icon"><img src="https://s3.amazonaws.com/uifaces/faces/twitter/thomasschrijer/128.jpg" alt=""></div>
            <div class="control-item-name"><span>校园通知</span></div>
        </a></li>
        <li class="control-gird-item"><a href="javascript:;" class="control-item">
            <div class="control-item-icon"><img src="https://s3.amazonaws.com/uifaces/faces/twitter/thomasschrijer/128.jpg" alt=""></div>
            <div class="control-item-name"><span>校园通知</span></div>
        </a></li>
        <li class="control-gird-item"><a href="javascript:;" class="control-item">
            <div class="control-item-icon"><img src="https://s3.amazonaws.com/uifaces/faces/twitter/thomasschrijer/128.jpg" alt=""></div>
            <div class="control-item-name"><span>校园通知</span></div>
        </a></li>
        <li class="control-gird-item"><a href="javascript:;" class="control-item">
            <div class="control-item-icon"><img src="https://s3.amazonaws.com/uifaces/faces/twitter/thomasschrijer/128.jpg" alt=""></div>
            <div class="control-item-name"><span>校园通知</span></div>
        </a></li>
        <li class="control-gird-item"><a href="javascript:;" class="control-item">
            <div class="control-item-icon"><img src="https://s3.amazonaws.com/uifaces/faces/twitter/thomasschrijer/128.jpg" alt=""></div>
            <div class="control-item-name"><span>校园通知</span></div>
        </a></li>
        <li class="control-gird-item"><a href="javascript:;" class="control-item">
            <div class="control-item-icon"><img src="https://s3.amazonaws.com/uifaces/faces/twitter/thomasschrijer/128.jpg" alt=""></div>
            <div class="control-item-name"><span>校园通知</span></div>
        </a></li>
        <li class="control-gird-item"><a href="javascript:;" class="control-item">
            <div class="control-item-icon"><img src="https://s3.amazonaws.com/uifaces/faces/twitter/thomasschrijer/128.jpg" alt=""></div>
            <div class="control-item-name"><span>校园通知</span></div>
        </a></li>
        <li class="control-gird-item"><a href="javascript:;" class="control-item">
            <div class="control-item-icon"><img src="https://s3.amazonaws.com/uifaces/faces/twitter/thomasschrijer/128.jpg" alt=""></div>
            <div class="control-item-name"><span>校园通知</span></div>
        </a></li>
        <li class="control-gird-item"><a href="javascript:;" class="control-item">
            <div class="control-item-icon"><img src="https://s3.amazonaws.com/uifaces/faces/twitter/thomasschrijer/128.jpg" alt=""></div>
            <div class="control-item-name"><span>校园通知</span></div>
        </a></li>
        <li class="control-gird-item"><a href="javascript:;" class="control-item">
            <div class="control-item-icon"><img src="https://s3.amazonaws.com/uifaces/faces/twitter/thomasschrijer/128.jpg" alt=""></div>
            <div class="control-item-name"><span>校园通知</span></div>
        </a></li>
        <li class="control-gird-item"><a href="javascript:;" class="control-item">
            <div class="control-item-icon"><img src="https://s3.amazonaws.com/uifaces/faces/twitter/thomasschrijer/128.jpg" alt=""></div>
            <div class="control-item-name"><span>校园通知</span></div>
        </a></li>
        <li class="control-gird-item"><a href="javascript:;" class="control-item">
            <div class="control-item-icon"><img src="https://s3.amazonaws.com/uifaces/faces/twitter/thomasschrijer/128.jpg" alt=""></div>
            <div class="control-item-name"><span>校园通知</span></div>
        </a></li>
        <li class="control-gird-item"><a href="javascript:;" class="control-item">
            <div class="control-item-icon"><img src="https://s3.amazonaws.com/uifaces/faces/twitter/thomasschrijer/128.jpg" alt=""></div>
            <div class="control-item-name"><span>校园通知</span></div>
        </a></li>
        <li class="control-gird-item"><a href="javascript:;" class="control-item">
            <div class="control-item-icon"><img src="https://s3.amazonaws.com/uifaces/faces/twitter/thomasschrijer/128.jpg" alt=""></div>
            <div class="control-item-name"><span>校园通知</span></div>
        </a></li>
        <li class="control-gird-item"><a href="javascript:;" class="control-item">
            <div class="control-item-icon"><img src="https://s3.amazonaws.com/uifaces/faces/twitter/thomasschrijer/128.jpg" alt=""></div>
            <div class="control-item-name"><span>校园通知</span></div>
        </a></li>
    </ul>
</div>
</div>
</div>

<script src="../resource/app/index/index.js"></script>
</body>
</html>